<style>
   .bottom{
        height: 146px;
        color: #FFFFFF;
        background: #1E1E1E;

    }

    .bottom1{
        width: 700px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100px;
    }

    .bt1{
        display: flex;
        align-items: center;
        height: 20px;
        font-size: 12px;
    }

    .bt1 img{
        margin-right: 5px;
    }

    .bottom2{
        width: 1170px;
        margin: 0 auto;
        border-top:1px solid #5C5C5C;
        height:45px;
        text-align: center;
        line-height: 45px;
        font-size: 12px;
        color: #FFFFFF;
    }

    .bt1_3{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100px;
    }
    .bt1_3 img{
        width: 40px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .getCodeButton{
        background: none;
        border: none;
        color: #2D9FFF;
        cursor: pointer;
        margin-right: 5px;
    }

    .btnDisabled{
        background: none;
        border: none;
        cursor: default;
        color: #999999;
    }


</style>
<div class="bottom">
        <div class="bottom1">
            <div class="bt1 bt1_1">
                <img src="/static/index/images/bottom_tel.png" alt="">
                电话：0539-2826888  0539-2826999
            </div>
            <div class="bt1 bt1_2">
                <img src="/static/index/images/bottom_email.png" alt="">
                邮箱：lanchenglvyou@126.com
            </div>

            <div class="bt1 bt1_4">
                <a href="javascript:;" id="want_apply" style="color: #ffffff;padding-left: 20px;border-left:1px solid #fff;">申请入驻</a>
            </div>

            <div class="bt1 bt1_3">
                <img src="/static/index/images/app_qrcode.png" alt="">
                扫码下载沂水旅游APP
            </div>
        </div>
        <div class="bottom2">
            版权所有 © 山东蓝丞旅游开发有限公司 鲁ICP备19063503号-1
        </div>
    </div>


<style type="text/css">
    .input_box{
        margin-bottom: 20px;
        border-radius: 6px;
        
    }
    .input_box .layui-input{
        background-color: #F0F0F0!important;
        border-radius: 6px;
    }
</style>
<div style="display: none;padding: 30px;" id="want_apply_modal">
    
    <form class="layui-form" action="">
      <div class="input_box">
          <input type="text" name="user_name" required  lay-verify="required" placeholder="请在此处留下意向人姓名" autocomplete="off" class="layui-input">
        </div>

        <div class="input_box">
          <input type="text" name="user_tel" required  lay-verify="required|phone" placeholder="请在此处留下意向人联系方式" autocomplete="off" class="layui-input">
        </div>

        <div class="input_box">
                  <select name="type" lay-verify="required">
                    <option value="">请选择入驻类型</option>
                    <option value="1">景点</option>
                    <option value="2">酒店</option>
                    <option value="3">美食</option>
                    <option value="4">旅行社</option>
                  </select>
        </div>


        <div class="input_box">
          <input type="text" name="store_name" required  lay-verify="required" placeholder="输入入驻商家名称" autocomplete="off" class="layui-input">
        </div>

        <div class="input_box" style="margin-bottom: 0;">
          <button  class="layui-btn layui-btn-fluid"  lay-submit lay-filter="addWantApply" style="background: #20E6BA;">提交</button>
        </div>
    </form>

</div>
    <script type="text/javascript">
        
        var layer = layui.layer;
        var form = layui.form;

        form.render();

        var uid = "{$Think.session.uid}";

        $('#want_apply').click(function(){


            if (!uid) {
                var addmodal = layer.open({
                    title: '填写意向信息'
                    , type: 1
                    , shadeClose: true
                    , area:['400px']
                    , content: $('#want_apply_modal')
                });
            }else{
                window.location.href = "{:url('My/other')}#apply";
            }
            

        });

    form.on('submit(addWantApply)', function(data){

         $.ajax({
                    type: "post",
                    url: "{:url('Login/addWantApply')}",
                    dataType: 'json',
                    data: {data:data.field},
                    success: function (data) {
                        if (data.code) {

                            layer.msg('您的申请已提交，稍后将有工作人员与您取得联系，请保持电话畅通！',{icon:1,time:2000},function(){
                                    layer.closeAll();
                                });
                             
                        }
                    }
                });

         return false;
      
    });


    </script>